﻿@model ViewModel.Models.LogueoViewModel
@{
    Layout = null;
}

<!doctype html>
<!--[if lt IE 8 ]><html lang="en" class="no-js ie ie7"><![endif]-->
<!--[if IE 8 ]><html lang="en" class="no-js ie"><![endif]-->
<!--[if (gt IE 8)|!(IE)]><!--><html lang="en" class="no-js"><!--<![endif]-->
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
	
	<title>Login</title>
	<meta name="description" content="">
	<meta name="author" content="BANKINTER">
	
	<!-- Global stylesheets -->
    <link href="@Url.Content("~/Content/Styles/reset.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/Styles/common.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/Styles/form.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/Styles/standard.css")" rel="stylesheet" type="text/css" />
    <link href="@Url.Content("~/Content/Styles/special-pages.css")" rel="stylesheet" type="text/css" />
	
	<!-- Favicon -->
	<link rel="shortcut icon" type="image/x-icon" href="@Url.Content("~/Content/Images/favicon.ico")">
	<link rel="icon" type="image/png" href="@Url.Content("~/Content/Images/favicon-large.png")">
	
	<!-- Modernizr for support detection, all javascript libs are moved right above </body> for better performance -->
	<script src="@Url.Content("~/Content/Scripts/libs/modernizr.custom.min.js")" type="text/javascript"></script>

    <!-- Generic libs -->	
    <script src="@Url.Content("~/Content/Scripts/libs/jquery-1.9.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/Scripts/libs/jquery-migrate-1.1.1.min.js")" type="text/javascript"></script>

	<!-- Template libs -->
    <script src="@Url.Content("~/Content/Scripts/common.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/Scripts/standard.js")" type="text/javascript"></script>
	<!--[if lte IE 8]><script src="@Url.Content("~/Content/Scripts/standard.ie.js")"></script><![endif]-->
	<script src="@Url.Content("~/Content/Scripts/jquery.tip.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Content/Scripts/libs/jquery.unobtrusive-ajax.min.js")"></script>
    <script src="@Url.Content("~/Content/Scripts/libs/jquery.validate.js")"></script>

</head>

<!-- the 'special-page' class is only an identifier for scripts -->
<body class="special-page login-bg dark">

	<section id="message">
		<div class="block-border"><div class="block-content no-title dark-bg">
			<p class="mini-infos"> <b>SISTEMA DE MATRICULA</b></p>
		</div></div>
	</section>
	
	<section id="login-block">
		<div class="block-border"><div class="block-content">
			<h1>Autenticación de usuarios</h1>
			<div class="block-header">Login</div>

            @if (TempData["Error"] != null)
            {
                <p id="lblError" class="message error no-margin">@TempData["Error"]</p>
            }
            

            @using (Html.BeginForm("Index", "Logueo", FormMethod.Post, new { @name = "frmLogin", @id = "frmLogin", @class = "form with-margin", enctype = "multipart/form-data" }))
            {
                @Html.ValidationSummary(true)

				<p class="inline-small-label">
					<label for="login"><span class="big">@Html.DisplayNameFor(model => model.Usuario)</span></label>
                    @Html.TextBoxFor(model => model.Usuario, new { @class = "full-width", id = "txt_apellido1" })
                    @Html.ValidationMessageFor(model => model.Usuario)
				</p>
				<p class="inline-small-label">
					<label for="pass"><span class="big">@Html.DisplayNameFor(model => model.Contrasenna)</span></label>
                    @Html.PasswordFor(model => model.Contrasenna, new { @class = "full-width", id = "txtPassword", name = "txtPassword" })
                    @Html.ValidationMessageFor(model => model.Contrasenna)
				</p>
				
				<button id="btnSubmit" type="submit" class="float-right">Autenticar</button>

            }
			
		</div></div>
	</section>

</body>
</html>
